﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>UserInfoList</title>
    <link href="~/layui/src/css/layui.css" rel="stylesheet" />
</head>
<body>
    <table id="demo" lay-filter="test"></table>

    <script src="~/layui/src/layui.js"></script>
    <script>
        layui.use('table', function () {
            var table = layui.table;

            //第一个实例
            table.render({
                elem: '#demo'
                , height: 312
                , url: '/UserInfo/GetUserInfoList' //数据接口
                , page: true //开启分页
                , cols: [[ //表头
                    { field: 'id', title: 'ID', sort: true, fixed: 'left' }
                    , { field: 'account', title: '账号' }
                    , { field: 'userName', title: '用户名', sort: true }
                    , { field: 'phoneNum', title: '电话'}
                    , { field: 'email', title: '邮箱' }
                    , { field: 'sex', title: '性别', width: 80, sort: true }
                    , { field: 'createTime', title: '创建时间',sort: true }
                ]]
            });

        });
    </script>
</body>
</html>
